<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="/public/static/H-ui/static/h-ui/css/H-ui.min.css"/>
    <link type="text/css" rel="stylesheet" href="/public/static/system/system.css">
    <title>Document</title>
    <style>
        body{ 
            padding: 50px;
        }
    </style>
</head>
<body>
    <div class="pt">
        <a href="javascript:history.back(-1);">&lt&lt返回课程管理</a>
    </div>
    <div>
        <form action="" method="GET" role="form">
            <div>
                <div class="col-md-3">
                    <input type="text" class="input-text input-w radius size-L" name="Id" id="Id" placeholder="请输入课程编号">
                </div>
            </div>
            <div>
                <div class="col-md-3">
                    <input type="text" class="input-text input-w radius size-L" name="cName" id="Name" placeholder="请输入课程名称">
                </div>
            </div>
            <div>
                <div class="col-md-3">
                    <input type="text" class="input-text input-w radius size-L" name="uName" id="Name" placeholder="请输入任课教师">
                </div>
            </div>

            <div class="col-md-3 btn-m">
                <div class="col-md-3">
                    <button type="submit" class="btn btn-default">搜索</button>
                </div>
                    
                <button type="button" class="btn btn-default" id="re">重置</button>
            </div>
        </form>
        <table class="table table-border table-hover">
            <tr>
                <th scope="col" align="center">课程编号</th>
                <th scope="col" align="center">课程名</th>
                <th scope="col" align="center">任课教师</th>
                <th scope="col" align="center">操作</th>
            </tr>
            {volist name='courselist' id="courselist" empty = "$hint"}
                <tr>
                    <td align="center">{$courselist.courseId}</td>
                    <td align="center">{$courselist.courseName}</td>
                    <td align="center">{$courselist.userName}</td>
                    <td align="center"><a href="{:url('index/Course/joincourse',['courseId'=>$courselist.C_Id])}">加入课程</a></td>
                </tr>
            {/volist}
        </table>
    </div>
    <script type="text/javascript" src="/public/static/H-ui/lib/jquery/1.9.1/jquery.min.js"></script>
    <script>
        $("input").focus(function(){
            $(".hint").html("");
        })
        $("select").focus(function(){
            $(".hint").html("");
        })
        $("#re").click(function(){
            $("#Id").val("");
            $("#Name").val("");
        })
    </script>
</body>
</html>